$(document).ready(function () {
    $("#all_class_btn").mouseover(function () {
        var picture = document.getElementById("class_details");
        var showChange = document.getElementById("all_class_btn");
        enterStyle(picture);// 维持
        picture.onmouseover = function () {// 滑入弹出层
            enterStyle(picture);
            picture.onmouseout = function () {// 弹出层滑出
                getOutStyle(picture)
            }
        }
        showChange.onmouseout = function () {// 外层滑出
            getOutStyle(picture)
        }
    })
    function enterStyle(picture) {
        picture.style.display="block";

    }
    function getOutStyle(picture) {
        picture.style.display="none";

    }
});

var changeTitle= function(changeId,id1,id2,id3){
    var content = $(".content_area");
    $("#title"+changeId).css("background-color","black").css("color","white").
    css("opacity","0.5").css("border","1px solid #C7C7C7");
    $("#title"+id1).css("color","white").css("background-color","transparent")
        .css("border","none").css("opacity","1");
    $("#title"+id2).css("color","white").css("background","transparent")
        .css("border","none").css("opacity","1");
    $("#title"+id3).css("color","white").css("background","transparent")
        .css("color","white").css("border","none").css("opacity","1");
    if(changeId ===1){
        $(".content_course").removeClass('hideDom')
        $(".content_list").addClass('hideDom');
        $(".content_news").addClass('hideDom');
        $(".content_schools").addClass('hideDom');
    }
    if(changeId ===2){
        $(".content_course").addClass('hideDom')
        $(".content_list").removeClass('hideDom');
        $(".content_news").addClass('hideDom');
        $(".content_schools").addClass('hideDom');
    }
    if(changeId ===3){
        $(".content_course").addClass('hideDom')
        $(".content_list").addClass('hideDom');
        $(".content_news").removeClass('hideDom');
        $(".content_schools").addClass('hideDom');
    }
    if(changeId ===4){
        $(".content_course").addClass('hideDom')
        $(".content_list").addClass('hideDom');
        $(".content_news").addClass('hideDom');
        $(".content_schools").removeClass('hideDom');
    }
};